<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>moveLine测试效果</title>
	<link rel="stylesheet" href="css/toast.css">
</head>

<style>


	ul{
		height: 40px;
		background: rgba(0,0,0,0.46);
		clear: both;
		color: #fff;
		margin: 0;
		position: relative;
		z-index: 2;
		padding: 0 20px;
	}

	ul li{
		list-style: none;
		float: left;
		width: auto;
		height: 40px;
		font-size: 14px;
		padding: 5px 10px;
		line-height: 30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing: border-box;
		cursor: pointer;
	}	

</style>
<body>
		<ul class="ul2">
			<li>首页</li>
			<li class="active">博客</li>
			<li>个人作品</li>
			<li>个人中心</li>
			<li>关于我们</li>
		</ul>
</body>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/toast.js"></script>
<script src="js/moveline.js"></script>
<script>
	 
	$('.ul2').moveline({customTop:true,top:0}); 
 

</script>
</html>